<template>
    <div class="line-title">
        <div class="line"></div>
        <div class="line-text"><slot></slot></div>
        <div class="line"></div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {}
</script>

<style lang="stylus" rel="stylesheet/stylus">
    .line-title
        display flex
        width 80%
        margin 28px auto 24px auto

        .line
            flex 1
            position relative
            top -6px
            border-bottom 1px solid rgba(255, 255, 255, 0.2)

        .line-text
            padding 0 12px
            font-size 14px
</style>
